<template>
  <div class="set">
    <router-link to="/home/profile">
        <van-nav-bar title="设置" size=20 color="#333" left-arrow  />
    </router-link>
    <ul class="data">
      <li>
        修改资料
        <span>
          <van-image
            class="tx"
            round
            width="9.6vw"
            height="9.6vw"
            src="https://img.yzcdn.cn/vant/cat.jpeg"
          />
          <van-icon name="arrow" />
        </span>
      </li>
      <li>
        账户与安全
        <van-icon name="arrow" class="arrow" />
      </li>
      <li>清除缓存</li>
      <li>
        隐私
        <van-icon name="arrow" class="arrow" />
      </li>
    </ul>
    <ul class="fun">
        <van-cell-group class="music">
            <van-switch-cell v-model="checked" title="音效开关" />
        </van-cell-group>
      <li>
        关于蜜芽
        <van-icon name="arrow" class="arrow" />
      </li>
      <li>
        评价蜜芽
        <van-icon name="arrow" class="arrow" />
      </li>
      <li>
        服务条款
        <van-icon name="arrow" class="arrow" />
      </li>
      <li>
        版本信息
        <span>v9.3.0
            <van-icon name="arrow" class="arrow1" />
        </span>
      </li>
      <li>
        精品应用
        <van-icon name="arrow" class="arrow" />
      </li>
    </ul>
    <router-link to="/Longin">
        <van-button class="btn" type="primary" block color="#fff">退出登录</van-button>
    </router-link>
  </div>
</template>
<script>
export default {
  data() {
    return {
      checked: true
    };
  },
  methods: {
    // onClickLeft() {
    //   Toast("返回");
    // }
  }
};
</script>

<style lang="stylus" scoped>
.set {
  height: 100%;
  background: #f6f6f6;
}

.set .data {
  margin-top: 3.467vw;
}

.set .data li, .fun li{
  display: flex;
  justify-content: space-between;
  background: #ffffff;
  line-height: 12.8vw;
  padding: 0 2.667vw 0 2.667vw;
  border-bottom: 0.267vw solid #f1f1f1;
}

.set .data li .tx {
  position: relative;
  top: 2.667vw;
  margin-right: 3.467vw;
}

.set .arrow {
  position: relative;
  top: 5.067vw;
}
.set .arrow1{
    position relative
    top 0.533vw
}
.set .fun{
    margin-top 3.467vw
}
.set .fun .music{
  padding: 0 2.667vw 0 1.333vw;

}
.van-cell{
    padding 2.667vw 0 
}
.btn{
    margin-top 8vw
    color red !important
}
</style>